<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonHeaderCustom(title,styles)">
    <title th:text="${title}"></title>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../static/favicon.png" th:href="@{/static/favicon.png}">
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="https://hkres.etalk365.com/public/lib/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{/static/bootstrap-3.3.7/css/bootstrap.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//hnres.etalk365.com/public/css/common.css" th:href="@{/static/css/common.css}"/>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" th:href="@{//hnres.etalk365.com/public/css/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="stylesheet" href="https://hkres.etalk365.com/public/lib/fancybox/3.3.5/jquery.fancybox.min.css"/>
    <link href="../../static/css/charisma-app.css" th:href="@{/static/css/charisma-app.css}" rel="stylesheet" type="text/css">
    <link href="https://hkres.etalk365.com/public/lib/pace/1.0.2/themes/black/pace-theme-flash.min.css" rel="stylesheet">
    <th:block th:replace="${styles}"/>
</head>
<head th:fragment="commonHeader(title)">
    <title th:text="${title}"></title>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../static/favicon.png" th:href="@{/static/favicon.png}">
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="https://hkres.etalk365.com/public/lib/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{/static/bootstrap-3.3.7/css/bootstrap.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//hnres.etalk365.com/public/css/common.css" th:href="@{/static/css/common.css}"/>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" th:href="@{//hnres.etalk365.com/public/css/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link href="../../static/css/charisma-app.css" th:href="@{/static/css/charisma-app.css}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://hkres.etalk365.com/public/lib/fancybox/3.3.5/jquery.fancybox.min.css"/>
    <link rel="stylesheet" href="../../static/chosen/chosen.min.css" th:href="@{https://hkres.etalk365.com/public/lib/bootstrap-select/2.0.0-beta1/css/bootstrap-select.css}">
</head>

<head th:fragment="commonHeaderCustomList(title,styles)">
    <title th:text="${title}"></title>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../static/favicon.png" th:href="@{/static/favicon.png}">
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="https://hkres.etalk365.com/public/lib/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{/static/bootstrap-3.3.7/css/bootstrap.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//hnres.etalk365.com/public/css/common.css" th:href="@{/static/css/common.css}"/>
    <link href="https://hkres.etalk365.com/public/lib/jquery-footable/3.1.6/footable.bootstrap.min.css" rel="stylesheet">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" th:href="@{//hnres.etalk365.com/public/css/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="stylesheet" href="https://hkres.etalk365.com/public/lib/fancybox/3.3.5/jquery.fancybox.min.css"/>
    <link href="https://hkres.etalk365.com/public/lib/bootstrap-table/1.15.4/bootstrap-table.min.css" rel="stylesheet">
    <link href="../../static/css/charisma-app.css" th:href="@{/static/css/charisma-app.css}" rel="stylesheet" type="text/css">
    <th:block th:replace="${styles}"/>
</head>
<head th:fragment="commonHeaderList(title)">
    <title th:text="${title}"></title>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../static/favicon.png" th:href="@{/static/favicon.png}">
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="https://hkres.etalk365.com/public/lib/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{/static/bootstrap-3.3.7/css/bootstrap.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//hnres.etalk365.com/public/css/common.css" th:href="@{/static/css/common.css}"/>
    <link href="https://hkres.etalk365.com/public/lib/jquery-footable/3.1.6/footable.bootstrap.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" th:href="@{//hnres.etalk365.com/public/css/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link href="../../static/css/charisma-app.css" th:href="@{/static/css/charisma-app.css}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://hkres.etalk365.com/public/lib/fancybox/3.3.5/jquery.fancybox.min.css"/>
</head>

<head th:fragment="commonHeaderCustomEdit(title,styles)">
    <title th:text="${title}"></title>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../static/favicon.png" th:href="@{/static/favicon.png}">
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="https://hkres.etalk365.com/public/lib/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{/static/bootstrap-3.3.7/css/bootstrap.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//hnres.etalk365.com/public/css/common.css" th:href="@{/static/css/common.css}"/>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" th:href="@{//hnres.etalk365.com/public/css/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link href="../../static/css/charisma-app.css" th:href="@{/static/css/charisma-app.css}" rel="stylesheet" type="text/css">
    <link href="https://hkres.etalk365.com/public/lib/pace/1.0.2/themes/silver/pace-theme-flash.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://hkres.etalk365.com/public/lib/fancybox/3.3.5/jquery.fancybox.min.css"/>
    <th:block th:replace="${styles}"/>
</head>

<head th:fragment="commonHeaderEdit(title)">
    <title th:text="${title}"></title>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../static/favicon.png" th:href="@{/static/favicon.png}">
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link href="https://hkres.etalk365.com/public/lib/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{/static/bootstrap-3.3.7/css/bootstrap.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//hnres.etalk365.com/public/css/common.css" th:href="@{/static/css/common.css}"/>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" th:href="@{//hnres.etalk365.com/public/css/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link href="../../static/css/charisma-app.css" th:href="@{/static/css/charisma-app.css}" rel="stylesheet" type="text/css">
    <link href="https://hkres.etalk365.com/public/lib/pace/1.0.2/themes/silver/pace-theme-flash.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://hkres.etalk365.com/public/lib/fancybox/3.3.5/jquery.fancybox.min.css"/>
</head>

</html>
